<template>
	<div>
		<van-index-bar>
			<van-cell title="不限" @click="onBtnClick('')" />
			<van-index-anchor index="A" />
			<van-cell title="奥迪" @click="onBtnClick('奥迪')" />
			<van-index-anchor index="B" />
			<van-cell title="本田" @click="onBtnClick('本田')" />
			<van-cell title="奔驰" @click="onBtnClick('奔驰')" />
			<van-cell title="宝马" @click="onBtnClick('宝马')" />
			<van-cell title="别克" @click="onBtnClick('别克')" />
			<van-cell title="比亚迪" @click="onBtnClick('比亚迪')" />
			<van-cell title="宾利" @click="onBtnClick('宾利')" />
			<van-cell title="北汽" @click="onBtnClick('北汽')" />
			<van-cell title="保时捷" @click="onBtnClick('保时捷')" />
			<van-cell title="标志" @click="onBtnClick('标志')" />
			<van-cell title="北京" @click="onBtnClick('北京')" />
			<van-cell title="宝骏" @click="onBtnClick('宝骏')" />
			<van-cell title="宝沃" @click="onBtnClick('宝沃')" />
			<van-index-anchor index="C" />
			<van-cell title="长安" @click="onBtnClick('长安')" />
			<van-cell title="长城" @click="onBtnClick('长城')" />
			<van-cell title="传祺" @click="onBtnClick('传祺')" />
			<van-index-anchor index="D" />
			<van-cell title="大众" @click="onBtnClick('大众')" />
			<van-cell title="东风" @click="onBtnClick('东风')" />
			<van-cell title="东南" @click="onBtnClick('东南')" />
			<van-index-anchor index="F" />
			<van-cell title="丰田" @click="onBtnClick('丰田')" />
			<van-cell title="福特" @click="onBtnClick('福特')" />
			<van-cell title="福田" @click="onBtnClick('福田')" />
			<van-index-anchor index="G" />
			<van-cell title="观致" @click="onBtnClick('观致')" />
			<van-index-anchor index="H" />
			<van-cell title="海马" @click="onBtnClick('海马')" />
			<van-cell title="红旗" @click="onBtnClick('红旗')" />
			<van-cell title="哈弗" @click="onBtnClick('哈弗')" />
			<van-index-anchor index="J" />
			<van-cell title="吉利" @click="onBtnClick('吉利')" />
			<van-cell title="JEEP" @click="onBtnClick('JEEP')" />
			<van-cell title="金杯" @click="onBtnClick('金杯')" />
			<van-cell title="捷豹" @click="onBtnClick('捷豹')" />
			<van-index-anchor index="K" />
			<van-cell title="凯迪拉克" @click="onBtnClick('凯迪拉克')" />
			<van-index-anchor index="L" />
			<van-cell title="铃木" @click="onBtnClick('铃木')" />
			<van-cell title="陆风" @click="onBtnClick('陆风')" />
			<van-cell title="力帆" @click="onBtnClick('力帆')" />
			<van-cell title="路虎" @click="onBtnClick('路虎')" />
			<van-cell title="林肯" @click="onBtnClick('林肯')" />
			<van-cell title="雷克萨斯" @click="onBtnClick('雷克萨斯')" />
			<van-cell title="雷诺" @click="onBtnClick('雷诺')" />
			<van-cell title="领克" @click="onBtnClick('领克')" />
			<van-index-anchor index="M" />
			<van-cell title="马自达" @click="onBtnClick('马自达')" />
			<van-cell title="迈巴赫" @click="onBtnClick('迈巴赫')" />
			<van-cell title="MINI" @click="onBtnClick('MINI')" />
			<van-cell title="玛莎拉蒂" @click="onBtnClick('玛莎拉蒂')" />
			<van-index-anchor index="N" />
			<van-cell title="纳智捷" @click="onBtnClick('纳智捷')" />
			<van-index-anchor index="O" />
			<van-cell title="讴歌" @click="onBtnClick('讴歌')" />
			<van-cell title="欧拉" @click="onBtnClick('欧拉')" />
			<van-index-anchor index="Q" />
			<van-cell title="奇瑞" @click="onBtnClick('奇瑞')" />
			<van-cell title="起亚" @click="onBtnClick('起亚')" />
			<van-cell title="启辰" @click="onBtnClick('启辰')" />
			<van-index-anchor index="R" />
			<van-cell title="日产" @click="onBtnClick('日产')" />
			<van-cell title="荣威" @click="onBtnClick('荣威')" />
			<van-index-anchor index="S" />
			<van-cell title="三菱" @click="onBtnClick('三菱')" />
			<van-cell title="斯柯达" @click="onBtnClick('斯柯达')" />
			<van-index-anchor index="T" />
			<van-cell title="特斯拉" @click="onBtnClick('特斯拉')" />
			<van-cell title="文本" @click="onBtnClick('文本')" />
			<van-index-anchor index="W" />
			<van-cell title="沃尔沃" @click="onBtnClick('沃尔沃')" />
			<van-cell title="五十铃" @click="onBtnClick('五十铃')" />
			<van-cell title="五菱" @click="onBtnClick('五菱')" />
			<van-cell title="蔚来" @click="onBtnClick('蔚来')" />
			<van-cell title="WEY" @click="onBtnClick('WEY')" />
			<van-index-anchor index="X" />
			<van-cell title="现代" @click="onBtnClick('现代')" />
			<van-cell title="雪铁龙" @click="onBtnClick('雪铁龙')" />
			<van-cell title="雪佛兰" @click="onBtnClick('雪佛兰')" />
			<van-index-anchor index="Y" />
			<van-cell title="一汽" @click="onBtnClick('一汽')" />
			<van-index-anchor index="Z" />
			<van-cell title="中华" @click="onBtnClick('中华')" />
			<van-cell title="众泰" @click="onBtnClick('众泰')" />
		</van-index-bar>
	</div>
</template>

<script>
	export default {
		name: 'BrandIndexBar',
		data() {
			return {}
		},
		props: {},
		methods: {
			onBtnClick(value) {
				this.$emit('clickBrand', value)
			}
		}
	}
</script>

<style scoped>
</style>
